<template>
	<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
	  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
	  <el-breadcrumb-item>活动管理</el-breadcrumb-item>
	  <el-breadcrumb-item>活动列表</el-breadcrumb-item>
	  <el-breadcrumb-item>活动详情</el-breadcrumb-item>
	</el-breadcrumb> -->
	<div v-if="bread.length > 0" style="padding: 20px;margin: -20px;">
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item v-for="(item,index) in bread" :key="index" :to="{ path: item.path }">
				{{item.title}}
			</el-breadcrumb-item>
		</el-breadcrumb>
	</div>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		name: 'BreadCrumb',
		data() {
			return {

			}
		},
		computed: {
			...mapState(['bread'])
		}
	}
</script>

<style>
</style>
